<template>
	<!-- 侧导航栏 -->
	<el-col>
	    <el-menu
	      default-active="2"
	      class="el-menu-vertical-demo"
	      @open="handleOpen"
	      @close="handleClose"
	      background-color="#f5d5a0"
	      active-text-color="gold">
		  <el-menu-item index="1">
			  <router-link to="/pc/hot">热度图片</router-link>
		  </el-menu-item>
	      <el-submenu index="2">
	        <template slot="title">
	          <span>类型管理</span>
	        </template>
	        <el-menu-item-group>
				<router-link to="/">一级类型管理</router-link>
				<router-link to="/">二级类型管理</router-link>
	        </el-menu-item-group>
	      </el-submenu>
	      <el-menu-item index="3">
			  <router-link to="/">商品管理</router-link>
	      </el-menu-item>
		  <el-menu-item index="4">
			  <router-link to="/">订单管理</router-link>
		  </el-menu-item>
		  <el-menu-item index="5">
			  <router-link to="/mobile/home">移动端首页</router-link>
		  </el-menu-item>
	    </el-menu>
	  </el-col>
</template>

<script>
	 export default {
		name : 'PcSlide',
	    methods: {
	      handleOpen(key, keyPath) {
	        console.log(key, keyPath);
	      },
	      handleClose(key, keyPath) {
	        console.log(key, keyPath);
	      }
	    }
	  }
</script>

<style scoped>
	.shelf button{
		width: 99%;
		padding-right: 20%;
	}
</style>